page {
  // 调色板
  --gray-1: #111;
  --gray-2: #222;
  --gray-3: #333;
  --gray-4: #444;
  --gray-5: #555;
  --gray-6: #666;
  --gray-7: #777;
  --gray-8: #888;
  --gray-9: #999;

  --light-1: #f7f8f9;
  --light-2: #f2f3f4;
  --light-3: #ebedf0;
  --light-4: #dcdee0;
  --light-5: #c8c9cc;
  --light-6: #969798;
  --light-7: #646566;
  --light-8: #323233;
  --light-9: #232323;

  --red: #f01726;
  --green: #07c160;
  --blue: #1989fa;

  --orange: #ff976a;
  --orange-dark: #ed6a0c;
  --orange-light: #fffbe8;

  // 渐变色
  --gradient-red: linear-gradient(to right, #ff6034, #f01726);
  --gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);

  // 组件色
  --primary-color: var(--red);
  --success-color: var(--green);
  --danger-color: var(--red);
  --warning-color: var(--orange);
  --price-color: var(--red);

  --text-color: var(--light-8);
  --text-color-2: var(--light-6);
  --text-color-3: var(--light-5);

  --active-color: var(--light-2);
  --active-opacity: 0.6;
  --disabled-opacity: 0.5;

  --background: var(--light-1);
  --background-2: var(--white);

  // 字体
  --base-font: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
    Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB',
    'Microsoft Yahei', sans-serif;
  --price-font: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
}
